<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>修改手机号码</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/joyou_zp.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav my_order_nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left my_order_back"><span class="my_order_return">返回</span></a>
			<h1 class="mui-title">修改手机号码</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view mui_table_view mui_table_viewpwd">
				<li class="mui-table-view-cell">
					<form class="mui-input-group">
						<div class="mui-input-row" style="margin-left: 15px;line-height: 40px;font-size: 14px;border-bottom: 1px solid #E2E1E1;">
							<i class="iconfont icon-tansuob"></i>
							<a href="#picture">
								<span id="region_text_Country" style="color: #333333;">中国</span>
								<samp class="span_red" style="color: #e31d38;" id="region_text_code" leaber="">(+86)</samp>
							</a>
						</div>
						<div class="mui-input-row" style="margin-left: 15px;border-bottom: 1px solid #E2E1E1;">
							<lable class="mui-pull-left input_tel" style="padding: 0;">新手机号码</lable>
							<input type="tel" id="new_phone" class="mui-pull-right input_code" placeholder="请输入新的手机号码">
						</div>
					</form>
				</li>
				<li class="mui-table-view-cell">
					<form class="mui-input-group">
						<div class="mui-input-row yanzhenma">
							<input id="verification_code" type="number" style="height: 40px;padding-left: 15px;" class="mui-pull-left input_code" placeholder="输入验证码">
							<span id="btn" class="mui-pull-right send_code" style="height: 40px;line-height: 40px !important;text-align: center;">发送验证码</span>
						</div>
					</form>
				</li>
			</ul>
			<button id="sure_btn" type="button" class="mui-btn my_exchange_confirmbtn">确认</button>
			<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell region_text">
						<a href="#picture" class="leaber_num" leaber_num="86">中国 (+86)</a>
					</li>
					<li class="mui-table-view-cell region_text ">
						<a href="#picture" class="leaber_num" leaber_num="60">马来西亚 (+60)</a>
					</li>
					<li class="mui-table-view-cell region_text ">
						<a href="#picture" class="leaber_num" leaber_num="00886">中国台湾 (+00886)</a>
					</li>
					<li class="mui-table-view-cell region_text ">
						<a href="#picture" class="leaber_num" leaber_num="00852">中国香港 (+00852)</a>
					</li>
					<li class="mui-table-view-cell lines region_text ">
						<a href="#picture" class="leaber_num" leaber_num="00853">中国澳门 (+00853)</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell lines">
						<a href="#picture">取消</a>
					</li>
				</ul>
			</div>
		</div>

	</body>
	<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/script/public_url.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/script/modify_cell_phone_num.js" type="text/javascript" charset="utf-8"></script>

</html>